<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/login.css">
    <title>Document</title>
</head>

<body>
    <!-- 头部 -->
    <header>
        <!-- 顶部导航 -->
        <div class="top-backimg">
            <div class="top-main container cf">
                <span class="fl">legochina.cn</span>
                <span class="bf fr">
                    欢迎光临
                    <a href="#" class="f6">乐购</a>
                    ，请
                    <a href="#" class="bf">登陆</a>
                    \
                    <a href="#" class="f6">注册</a>
                </span>
            </div>
        </div>
        <div class="log container">
            <img src="./images/denglu (1).jpg" alt="1">
            <p>欢迎登陆</p>
        </div>
    </header>

    <main>
        <form action="">
            <div class="nav">
                <p>扫码登录</p>
                <p class="on">账户登录</p>
                <img src="./images/denglu (3).jpg" alt="1">
            </div>
            <input type="text" name="" id="">
            <input type="password" name="" id="">
            <div class="zidong">
                <div class="denglu">
                    <label><input type="checkbox" >
                    自动登陆</label>
                </div>
                <a href="#">忘记密码</a>
            </div>
            <button type="submit">登&nbsp;&nbsp;&nbsp;&nbsp;陆</button>
            <a href="#">立即注册</a>
            <div class="hidden">
                <div class="tu">
                    <img src="./images/dengluu (2).jpg" alt="1">
                    <img src="./images/dengluu (1).jpg" alt="1">
                </div>
                <p>打开手机版 乐购APP  扫一扫</p>
            </div>
        </form>

    </main>


    <!-- 页脚 -->
    <footer>
       
        <p><a href="#">公司简介</a> | <a href="#">Investor Relations</a> | <a href="#">网站联盟</a> | <a href="#">乐购招商</a> | <a
            href="#">机构销售</a> | <a href="#">手机乐购</a> | <a href="#">官方Blog</a> | <a href="#">热词搜索</a></p>
    <div class="last"><span> Copyright (C) 乐购网 2004-2016, All Rights Reserved</span> </div>
    </footer>
</body>



<script src="./lib/jquery-1.11.0.js"></script>
<script src="./js/login.js"></script>

</html>